import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

export default defineConfig({
  base: "./", // 设置打包路径
  plugins: [react()],
  // server: {
  //   host: "0.0.0.0",
  //   port: 9002, //端口号
  //   open: true, //启动后是否自动打开浏览器
  //   cors: true,
  //   proxy: {
  //     // 本地开发环境通过代理实现跨域，生产环境使用 nginx 转发
  //     "/basice": {
  //       target: "http://bdapp.totalapp.cn:8880/api/", // 通过代理接口访问实际地址。这里是实际访问的地址。vue会通过代理服务器来代理请求
  //       changeOrigin: true,
  //       ws: true, // 允许websocket代理
  //       rewrite: (path) => path.replace(/^\/basice/, ""),
  //     },
  //   },
  // },
  resolve: {
    alias: {
      // 路径别名设置
      "~": path.resolve(__dirname, "./"),
      "@": path.resolve(__dirname, "./src"),
    },
    // 导入时想要省略的扩展名列表
    extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json"],
  },

  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "@/styles/index.scss" as *;`,
      },
    },
  },
});
